<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="full-screen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="keywords" content="宠物寄养，狗狗寄养，猫寄养，寄养宠物，宠物家庭寄养，小狗在家宠物寄养">
    <meta name="description" content="小狗在家宠物寄养为宠物主人提供家庭式的宠物寄养，包括寄养、洗澡、接送等服务。小狗在家招募宠物寄养家庭，可以自由选择接受寄养的时间，支付保障，免费培训，在线客服等服务。">
    <title>小狗在家官网—宠物寄养｜狗狗寄养｜猫咪寄养｜寄养家庭招募</title>
    <link type="image/x-icon" rel="shortcut icon" href="" media="screen">
    <link href="css/common.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <link href="css/swiper.min.css" rel="stylesheet">
</head>

<body>
    <div class="wap_nav_list">
        <a href="./index.html">首页</a>
        <a href="">我要寄养</a>
        <a href="./about_family.html">成为寄养家庭</a>
        <a href="">博客</a>
        <a href="./help_center.html">帮助中心</a>
    </div>
    <div class="con">
        <div class="wap_nav clearfloat">
            <img class="i_nav" src="img/icon_nav.png">
            <img class="i_logo" src="img/logo@2x.png">
        </div>
        <div class="page1">
            <h1>什么是家庭式寄养</h1>
            <p>家庭式寄养是一种新兴的寄养方式</p>
            <p>拒绝犬舍、狗厂、宠物医院、宠物店的笼养式寄养</p>
            <p>让同为宠物主人的各位在家里寄养</p>
            <p>小狗在家致力于打造如家一般的寄养环境和寄养服务</p>
            <p>我们有严格的寄养家庭审核制度</p>
            <p>让您的寄养更安全,出行更无后顾之忧</p>
            <ul>
                <li>
                    <img src="img/icon_pet_head@2x.png">
                    <h4>玉米和她的猫们&nbsp;&nbsp;&nbsp;&nbsp;福建&nbsp;&nbsp;厦门</h4>
                    <p>Hi,各位亲爱的宠物主人，玉米和他的猫们</p>
                </li>
                <li>
                    <img src="img/icon_pet_head@2x.png">
                    <h4>玉米和她的猫们&nbsp;&nbsp;&nbsp;&nbsp;福建&nbsp;&nbsp;厦门</h4>
                    <p>Hi,各位亲爱的宠物主人，玉米和他的猫们</p>
                </li>
            </ul>
        </div>
        <div class="page2">
            <h1>和宠物店有什么区别？</h1>
            <p>家庭式寄养是完全放养式的寄养</p>
            <p>您的宠物可以在寄养家庭里随意奔跑玩耍</p>
            <p>寄养家庭每天会更新宠物的动态推按和情况给宠物主人</p>
            <p>还会帮宠物梳毛，遛弯</p>
            <p>像是对待自己的宠物一般</p>
            <div id="env" class="swiper-container swiper-container-horizontal">
                <ul class="swiper-wrapper">
                    <li class="swiper-slide">
                        <img src="img/show_picture1@2x.png">
                        <div>
                            <h3>Milamila</h3>
                            <p><span><i class="fname"></i>米拉窝</span><span><i class="fpos"></i>福建 厦门</span></p>
                            <p>来自 Milamila的寄养故事</p>
                        </div>
                    </li>
                    <li class="swiper-slide">
                        <img src="img/show_picture2@2x.png">
                        <div>
                            <h3>Milamila</h3>
                            <p><span><i class="fname"></i>米拉窝</span><span><i class="fpos"></i>福建 厦门</span></p>
                            <p>来自 Milamila的寄养故事</p>
                        </div>
                    </li>
                    <li class="swiper-slide">
                        <img src="img/show_picture3@2x.png">
                        <div>
                            <h3>Milamila</h3>
                            <p><span><i class="fname"></i>米拉窝</span><span><i class="fpos"></i>福建 厦门</span></p>
                            <p>来自 Milamila的寄养故事</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="page3">
            <h1>寄养流程如何？</h1>
            <p>简单三步，完成寄养</p>
            <div id="steps" class="swiper-container swiper-container-horizontal">
                <ul class="swiper-wrapper" style="padding-bottom: 30px;">
                    <li class="swiper-slide">
                        <img src="img/icon_search@2x.png">
                        <h2>搜索</h2>
                        <span>下载小狗在家APP<br/>或去小狗在家微信公众号,一步开启<br/>搜索心仪的寄养家庭</span>
                        <a>查看详情</a>
                    </li>
                    <li class="swiper-slide">
                        <img src="img/icon_order@2x.png">
                        <h2>预定</h2>
                        <span>找到家庭后<br/>了解沟通家庭情况和宠物情况<br/>一键下单，在线支付</span>
                        <a>查看详情</a>
                    </li>
                    <li class="swiper-slide">
                        <img src="img/icon_sheldon@2x.png">
                        <h2>放心</h2>
                        <span>您只要在旅途中享受家庭<br/>发来的照片动态更新，还有小狗在家贴心的<br/>客服服务和安全保障服务,就够了</span>
                        <a>查看详情</a>
                    </li>
                </ul>
                <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
                    <span class="swiper-pagination-bullet"></span>
                    <span class="swiper-pagination-bullet"></span>
                    <span class="swiper-pagination-bullet"></span>
                </div>
            </div>
        </div>
        <div class="page4">
            <a href=""><img src="img/pic_fashion.jpg"></a>
            <a href=""><img src="img/pic_channel.jpg"></a>
            <a href=""><img src="img/pic_information.jpg"></a>
        </div>
        <div class="footer">
            <a href="./about_us.html">关于我们</a>
            <a href="./about_us.html">帮助中心</a>
            <p>Copyright ©
                <script>
                document.write((new Date()).getFullYear());
                </script> viptail.com&nbsp;&nbsp;闽ICP备14012787号-1</p>
        </div>
    </div>
    <script type="text/javascript" src="js/zepto.min.js"></script>
    <script type="text/javascript">
    $(function() {
        $('.i_nav').on('click', function() {
            $('.con').addClass('move dis');
            setTimeout(function() {
                $('.wap_nav_list').css('z-index','0');
                $('.con').removeClass('dis')
                    .on('touchmove', function(e) {
                        e.preventDefault();
                    }).on('click', function() {
                        $(this).removeClass('move');
                        setTimeout(function() {
                            $('.con').off();
                            $('.wap_nav_list').css('z-index','-1');
                        }, 300);
                    });
            }, 300);
        });
    })
    </script>
    <script type="text/javascript" src="js/swiper.jquery.min.js"></script>
    <script>
    window.onload = function() {

        var mySwiper = new Swiper('#env', {
            slidesPerView: 1.5,
            centeredSlides: true,
            initialSlide: 1,
            spaceBetween: 20
        })

        var swiper = new Swiper('#steps', {
            pagination: '.swiper-pagination',
            paginationClickable: '.swiper-pagination',
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
        });

    }
    </script>
</body>

</html>
